<template>
  <div class="container page">
    <div class="header">
      <van-nav-bar
          title="防骗指南"
          left-arrow
          @click-left="$router.back()"
      />
    </div>
    <div class="scroll-div">
      <ul>
        <li><img :src="require('../assets/img/tip/fangpian-1.png')"></li>
        <li>
          <div><p>
            1.本平台所有资源均为实名制，小姐姐与小哥哥皆是VIP会员请对双方需一定的尊重，请不要出言不逊没有素质，经发现将取消约炮资格请谨记！，重要的事情说三遍！！！</p>
            <p>2.小姐姐是不会收取任何费用，只需完成平台<span
                style="color:#FA59B5">三次客服指定打赏</span>任务获得约炮名额即可享受同城约炮资源，开房花销需自理哦！</p>
            <p>3.妹子已到楼下,要求付【全款才能上楼】均为骗子无疑，请立即来平台联系接待客服举报！</p>
          </div>
          <img :src="require('@assets/img/tip/fangpian-2.png')"></li>
        <li><img :src="require('@assets/img/tip/fangpian-3.png')">
          <div><p class="warn-p">友情提醒：任何平台工作人员都不会私加用户的联系方式，工作时间均为
            <span style="color:#FA59B5">14:00 ~ 02:00</span>
            其余时间均不办理新业务（24小时人工客服除外），若除客服人员有在非工作时间给您发送信息请不要相信，避免资金受损平台概不负责！！！
          </p>
            <p>4.凡是要求下载其他软件的都是骗子,请立即截图来平台联系接待客服举报！</p>
            <p>
              5.本平台对每一位VIP会员寻欢经历负责,遇到任何问题请及时登录平台联系相关工作人员举报处理！！</p></div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>

export default {
  name: "FangPian",
};
</script>
<style scoped>
::v-deep .van-icon {
  color: var(--van-nav-bar-icon-color);
}

::v-deep .van-nav-bar__title {
  color: var(--van-nav-bar-title-text-color);
}

.container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%
}

.container .header .nav {
  background: transparent
}

.container .scroll-div {
  width: 100%;
  height: calc(100% - 1.06667rem);
  overflow-y: auto;
  background-color: #f4ebf3
}

.container .scroll-div ul {
  width: calc(100% - .53333rem);
  margin: 0 auto;
  height: 100%;
  color: #000
}

.container .scroll-div ul p {
  color: #000;
  font-size: .37333rem;
  margin-bottom: .13333rem;
  font-weight: 700
}

.container .scroll-div ul p.warn-p {
  color: #e38afb
}

.container .scroll-div ul li:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.66667rem
}

.container .scroll-div ul li:first-child span {
  font-size: 1.2rem;
  font-weight: 700;
  color: #f6393f;
  text-shadow: .05333rem .05333rem .05333rem #8c8c8c
}

.container .scroll-div ul li:first-child img {
  width: 90%;
  height: 2.66667rem;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  margin: 0 auto
}

.container .scroll-div ul li:nth-child(2) {
  word-break: break-all;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.container .scroll-div ul li:nth-child(2) div {
  width: calc(100% - 2.4rem)
}

.container .scroll-div ul li:nth-child(2) img {
  width: 2.13333rem;
  -o-object-fit: contain;
  object-fit: contain
}

.container .scroll-div ul li:nth-child(3) {
  word-break: break-all;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.container .scroll-div ul li:nth-child(3) div {
  width: calc(100% - 2.93333rem)
}

.container .scroll-div ul li:nth-child(3) img {
  width: 2.66667rem;
  float: right;
  -o-object-fit: contain;
  object-fit: contain
}

</style>
